<template>

    <div class="menu">
        <el-col :span="2">
            <h5 class="mb-2">商家系统</h5>
            <el-menu
                default-active="2"
                class="el-menu-vertical-demo"
                @open="handleOpen"
                @close="handleClose">
                <template #title>
                    <el-icon><location /></el-icon>
                    <span>Navigator One</span>
                </template>
                <el-sub-menu index="1">
                    <template #title>店铺设置</template>
                    <el-menu-item index="1-1"></el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="2">
                    <template #title>商品发布</template>
                    <el-menu-item index="2-1">item one</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="3">
                    <template #title>商品管理</template>
                    <el-menu-item index="3-1">item one</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="4">
                    <template #title>商品发布</template>
                    <el-menu-item index="4-1">item one</el-menu-item>
                </el-sub-menu>
            </el-menu>
        </el-col>
    </div>

        
    
    
</template>
<script setup>
import axios from 'axios';
import BodyIndex from '../components/Body/BodyIndex.vue';
import HeadIndex from '../components/Head/HeadIndex.vue';

</script>

<style>
.menu{
    height: 20%;
}


</style>